<template>
	<!-- 必到-首页 -->
	<view>
		<!-- 导航 -->
		<view>
			<u-navbar back-text="人员详情" :border-bottom="false" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		</view>
		<view class="wrap">
			<view class="lits">
				<image :src="portrait" mode="aspectFill"></image>
				<view style="margin-left: 22rpx;">
					<!-- <view>
						<text class="name">{{name}}</text>
						<text class="exprience">{{workExperience}}年工作经验</text>
					</view> -->
					<view style="margin-top: 20rpx;">
						<u-rate :count="count" v-model="score" :disabled="true" active-color="#F29423"></u-rate>
						<text style="font-size: 26rpx;color: #F29423;margin-left: 10rpx;">{{score}}</text>
					</view>
				</view>
			</view>
		</view>
		<view style="width: 100%;border: 1px solid #E4E4E4;"></view>
		<view class="online">
				<view class="serve">
					擅长服务范围
				</view>
				<view class="lists">
					<view v-for="(ite,ind) in business" v-if="ite != ''">{{ite}}</view>
				</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count: 5,
				value: 4.5,
				textStyle: {
					color: '#272755'
				},
				portrait:'',
				name:'',
				workExperience:'',
				business:[],
				score:''
			}
		},
		onLoad(option) {
			this.portrait = option.portrait
			this.name = option.name
			this.workExperience = option.workExperience
			this.business =(option.business).split(',')
			this.score = option.score
		},
		methods: {
			
		}
	};
</script>

<style scoped lang="scss">
	.wrap {
		padding: 0 26rpx 32rpx 28rpx;
	}
	.lits{
		margin-top: 44rpx;display: flex;
	}
	.lits image{
		width: 104rpx;height: 104rpx;
	}
	.name{
		color: #7A7A7A;font-size: 30rpx;font-weight: bold;
	}
	.exprience{
		color: #F29423;font-size: 22rpx;border-radius: 5px 0px 5px 0px;border: 1px solid #F29423;background: #FFF2D9;text-align: center;padding: 2rpx 20rpx;margin-left: 22rpx;
	}
	.online{
		padding: 32rpx 30rpx 0 30rpx;
	}
	.serve{
		color: #272755;font-size: 30rpx;font-weight: bold;
	}
	.lists{
		display: flex;flex-wrap: wrap;margin-top: 20rpx;
	}
	.lists view{
		color: #9393AA;font-size: 26rpx;padding: 10rpx;border: 1px solid #9393AA;border-radius: 20rpx; margin-right: 20rpx;margin-bottom: 20rpx;
	}
</style>
